<template>
  <div>
    <h1>介绍</h1>
    <h3 style="margin-top: 15px;">轮子UI是什么</h3>
    <ul>
      <li><p>轮子UI是一款基于Vue3和TypeScript的UI组件库。</p></li>
      <li><p>这款组件库是作者为了总结Vue3与TypeScript经验编写，同时也借此感受一下高级开发者造轮子的过程，
        本UI全程手写，不采用第三方库，</p></li>
      <li>
        <p>
          <storge>注意：本UI仅供学习参考。</storge>
          如有生产需要请使用其他组件
        </p>
      </li>
      <li><p>如果你对我感兴趣，欢迎通过邮箱联系我，我的邮箱：1452708935@qq.com</p></li>
    </ul>

        <h3 style="margin-top: 15px;">如何阅读本指南</h3>
    <ul>
      <li><p>本指南没有长篇大论，只需要安装一下即可开始使用</p></li>
      <li><p>如果你对我的库有疑问，也可以通过上面的邮箱联系我</p></li>
    </ul>
    <p style="margin-top: 20px;">下一步：<router-link to="/doc/install">安装</router-link></p>

  </div>
</template>

<style lang="scss" scoped>

h1, h2, h3, h4 {
  color: #476582;
  font-weight: 600;

}

li {
  list-style: outside;
  margin-top: 15px;
  margin-left: 15px;
}

p {
  color: #2c3e50;
}

.caveat {
  width: 740px;
  height: 99.2px;
  background: rgba(255, 229, 100, .3);
  margin-top: 25px;


  h3 {
    color: #b29400;
    font-size: 18px;
    line-height: 41px;
    margin-left: 42px;
    padding-top: 10px;
  }

  p {
    color: #6b5900;
    margin-left: 42px;
    margin-top: 3px;

    a {
      color: #476582;
    }
  }


}
</style>